<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div.top {
            position: relative;
            background-image: url(img/bg.jpg);
            width: 313px;
            height: 354px;
            overflow: hidden; 
        }

        div.main{
            margin-top: 100px;
            margin-left: 13%;
        }
        div.footer{
            width: 50%;
            position: absolute;
            left: 22%;
            bottom: 0px;
        }
        div.main_input{
            margin: 7px 0;
        }

        div.main_input > input{
           height: 25px;
           border-radius: 5px;
           outline: none;
           margin-left: 5px;
           border-style: solid;
        }

        div.main_input > span{
            color: #C40000;
        }
        div.main_input > input:hover{
            border-color: #C40000;
            border-style: solid;
        }

    </style>

</head>

<body>
    <div class="top">

        <div class="main">
            <div class="main_input">
                <span>*</span>
                <label for="">姓名</label> <input type="text" placeholder="请输入你的名字">
            </div>
            <div class="main_input">
                <span>*</span>
                <label for="">邮箱</label> <input type="email" placeholder="请输入邮箱">
            </div>

            <div class="main_input">
                <span>*</span>
                <label for="">电话</label> <input type="tel" placeholder="请输入你的电话">
            </div>
            <div class="main_input">
                <span>*</span>
                <label for="">性别</label>
                <select name="sex" id="sex">
                    <option value="请选择你的性别">请选择</option>
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>

            <div class="main_input">
                <span>*</span>
                <label for="">年龄</label>
                <select name="sex" id="sex">
                    <option value="请选择你的性别">请选择</option>
                    <option value="14">14岁以下</option>
                    <option value="16">16岁以下</option>
                    <option value="18">18岁以下</option>
                    <option value="18">20岁以上</option>
                    <option value="18">30岁以上</option>
                    <option value="18">40岁以上</option>
                    <option value="18">50岁以上</option>
                </select>
            </div>
        </div>

        <div class="footer">
            <img src="img/btn.jpg" alt="">
        </div>
    </div>
</body>

</html>